// JobAlumnuInfo.js
import React from 'react'
import PropTypes from 'prop-types'
import { View, Text, StyleSheet } from 'react-native'
import { ScaleS, ScaleT } from 'src/utils/ScreenUtil'
import CustomButton from 'src/components/button/CustomButton'

export default class JobWarn extends React.PureComponent {
  static propTypes = {
    reportClick: PropTypes.func,
    jobDetail: PropTypes.object
  }

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.tip}>不要缴纳费用给企业，虚假职位或诈骗信息请举报</Text>
        <CustomButton style={styles.btn} onPress={this.props.reportClick}>
          <Text style={styles.btnTxt}>{this.props.jobDetail.isReport === 1 ? `已举报` : '举报'}</Text>
        </CustomButton>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    height: ScaleS(44),
    backgroundColor: 'rgba(249,250,250,1)',
    paddingHorizontal: ScaleS(20),
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center'
  },
  tip: {
    fontSize: ScaleT(12),
    color: 'rgba(0,0,0,0.2)',
    fontWeight: '400'
  },
  btn: {
    width: ScaleS(60),
    height: ScaleS(44),
    justifyContent: 'center',
    alignItems: 'center'
  },
  btnTxt: {
    fontSize: ScaleT(12),
    marginLeft: ScaleS(20),
    fontWeight: '500',
    color: '#3C3C3C'
    // textDecorationColor: '#EFA684',
    // textDecorationLine: 'underline',
    // textDecorationStyle: 'solid'
  }
})
